

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
        <title>Success Stories</title>
    </head>
    
    <body>

		<br>

        <div class="body">
        
            <h1>Success Stories</h1>
            
            <g:if test="${flash.message}">
            	<div class="message">${flash.message}</div>
            </g:if>
            
            
			<table>

				<g:each in="${storyList}" var="story">
					<tr>

						<td colspan="2">

							<h1>${story.title?.encodeAsHTML()}</h1>
							
							${story.introduction?.encodeAsHTML()}

							<g:link action="show" id="${story.id}">
								<br><br><b>(click here to read more)</b>
							</g:link>

						</td>

						<td>

							<g:link action="show" id="${story.id}">
								<img src="/smf/images/${story.defaultPictureName}"
									 style="max-width: 200px"/>
							</g:link>

						</td>

					</tr>
				</g:each>


			</table>
                

        </div>
    </body>
</html>
